<!DOCTYPE html>
<html>#85817a;
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   	<div class="row">
   	<div class="col-xs-6">
   		<div class="alert alert-success">登陆成功！<span class="close" data-dismiss="alert">&times;</span></div>
   	</div>
   	</div>
	
<div class="btn-group">
	<button class="btn btn-success">菜单</button>
	<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
	<ul class="dropdown-menu">
		<li><a herf="#">土豆肉丝</a></li>
		<li><a herf="#">鱼香肉丝</a></li>
		<li><a herf="#">麻辣火锅</a></li>
		<li><a herf="#">夫妻肺片</a></li>
		<li><a herf="#">红烧狮子头</a></li>
		<li><a herf="#">焖炖海鲜烩</a></li>
	</ul> 
    </div>
	<hr>
	
	<div class="dropdown">
	<button class="btn btn-danger" data-toggle="dropdown">菜单<span class="caret"></span></button>
	<ul class="dropdown-menu">
		<li><a herf="#">土豆肉丝</a></li>
		<li><a herf="#">鱼香肉丝</a></li>
		<li><a herf="#">麻辣火锅</a></li>
		<li class="divider"><a herf="#">夫妻肺片</a></li>
		<li><a herf="#">红烧狮子头</a></li>
		<li><a herf="#">焖炖海鲜烩</a></li>
		</ul>		
	</div>
	<hr>
	
	<div class="row">
<div class="col-xs-6">
	<div class="panel-group" id="pid">
	<div class="panel panel-success">
		<div class="panel-heading">
   					<div class="title" data-toggle="collapse" data-target="#xx2" data-parent="#pid">面板</div>
				</div>
		<div id="xx2" class="panel-collapse collapse">
			<table class="table table-bordered table-striped table-hover">
				<tr>
					<th>菜单</th>
					<th>菜单</th>
					<th>菜单</th>
					<th>菜单</th>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				</table>
		</div>
	</div>

	<div class="panel panel-danger">
		<div class="panel-heading">
   					<div class="title" data-toggle="collapse" data-target="#xx1" data-parent="#pid">面板</div>
				</div>
		<div id="xx1" class="panel-collapse collapse">
			<table class="table table-bordered table-striped table-hover">
				<tr>
					<th>菜单</th>
					<th>菜单</th>
					<th>菜单</th>
					<th>菜单</th>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				<tr>
					<td>土豆</td>
					<td>洋芋</td>
					<td>魔芋</td>
					<td>香芋</td>
				</tr>
				</table>
		</div>
	</div>
	</div>
	
	
</div>
</div>

	<hr>
	
   </body>
</html>